/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{ts,tsx,jsx,js}", './public/index.html'],
  theme: {
    extend: {
      textOpacity: ['dark'],
      backgroundColor: ['dark'],
      fontFamily: {
        bebasNeue: 'Bebas Neue',
      },
      fontSize: {
        xs: ['0.75rem', '1.25rem'], // 辅助文案 12
        sm: ['0.875rem', '22px'], // 正文-常规-大 14
        base: ['1rem', '1.5rem'], // 标题-小 16
        lg: ['1.125rem', '1.75rem'], //  18
        xl: ['1.25rem', '28px'], // 标题-中 20
        '2xl': ['1.5rem', '32px'], // 标题-大 24
        '3xl': ['1.875rem', '2.25rem'],
        '4xl': ['2.25rem', '44px'], // 运营标题-小 36
        '5xl': ['3rem', '56px'], // 运营标题-中 48
        '6xl': ['3.75rem', '1'],
        '7xl': ['4.5rem', '1'],
        '8xl': ['6rem', '1'],
        '9xl': ['7rem', '1'],
      },
      colors: {
        blue: '#1E6CFF',
        // bg color
        'bg-1': '#ffffff',
        'bg-2': '#232324',
        'bg-3': '#2A2A2B',
        'bg-4': '#313132',
        // Brand color
        // - 主色序列 Brand Color
        'brand1-6': '#1E6CFF', // 常规
        'brand1-5': '#468DFF', // 悬浮
        'brand1-7': '#134FD2', // 点击
        'brand1-4': '#6FABFF', // 特殊场景
        'brand1-3': '#97C6FF', // 一般禁用
        'brand1-2': '#C0DEFF', // 文字禁用
        'brand1-1': '#E8F4FF', // 浅色/白底悬浮
        // Neutral color
        // - 线条 Line
        'line-4': '#86909C', // 重/按钮描边
        'line-3': '#C9CDD4', // 深/悬浮
        'line-2': '#E5E6EB', // 一般
        'line-1': '#F2F3F5', // 浅
        // - 填充 Fill
        'fill-6': '#4E5969', // 强调/图标/特殊场景
        'fill-5': '#C9CDD4', // 重/特殊场景
        'fill-4': '#E5E6EB', // 深/灰底悬浮
        'fill-3': '#F2F3F5', // 一般/常规/白底悬浮
        'fill-2': '#F7F8FA', // 浅/禁用
        'fill-1': '#FFFFFF', // 白色
        // - 文字 Text
        'text-5': '#1D2129', // 强调/正文标题
        'text-4': '#4E5969', // 次强调/正文标题
        'text-3': '#86909C', // 次要信息
        'text-2': '#C9CDD4', // 置灰信息
        'text-1': '#FFFFFF', // 纯白文字
        // Functional color
        // - 成功 Success
        'success-6': '#00B42A', // 常规
        'success-5': '#23C343', // 悬浮
        'success-7': '#009A29', // 点击
        'success-3': '#7BE188', // 禁用
        'success-2': '#AFF0B5', // 特殊场景
        'success-1': '#E8FFEA', // 浅色背景
        // - 提示 Warning
        'warning-6': '#FF7D00', // 常规
        'warning-5': '#FF9A2E', // 悬浮
        'warning-7': '#D25F00', // 点击
        'warning-3': '#FFCF8B', // 禁用
        'warning-2': '#FFE4BA', // 特殊场景
        'warning-1': '#FFF7E8', // 浅色背景
        // - 错误 Error
        'error-6': '#F53F3F', // 常规
        'error-5': '#F76560', // 悬浮
        'error-7': '#CB2634', // 点击
        'error-3': '#FBACA3', // 禁用
        'error-2': '#FDCDC5', // 特殊场景
        'error-1': '#FFECE8', // 浅色背景
        // echart图表颜色 - 马卡龙配色
        'chart-1': '#1E6CFF',
        'chart-2': '#DB6BCF',
        'chart-3': '#2498D1',
        'chart-4': '#BBBDE6',
        'chart-5': '#4045B2',
        'chart-6': '#21A97A',
        'chart-7': '#FF745A',
        'chart-8': '#007E99',
        'chart-9': '#FFA8A8',
        'chart-10': '#2391FF',
        'chart-11': '#FFC328',
        'chart-12': '#A0DC2C',
        'chart-13': '#946DFF',
        'chart-14': '#626681',
        'chart-15': '#EB4185',
        'chart-16': '#CD8150',
        'chart-17': '#36BCCB',
        'chart-18': '#327039',
        'chart-19': '#803488',
        'chart-20': '#83BC99',
        // 其他系统色 略
        // 其他设计规范未涉及的
        gray: {
          tiny: '#f0f0f0',
        },
      },
      boxShadow: {
        // 云商管招商模块颜色定义-浅色定义
        'shadow-1': '0px 4px 20px rgba(29, 33, 41, 0.08)',
        'shadow-2': '0px -4px 15px -10px rgba(29, 33, 41, 0.3)',
        'shadow-3': '-12px 0px 20px rgba(29, 33, 41, 0.06)',
        'shadow-4': '0px 2px 12px rgba(30, 108, 255, 0.06), inset 0px 1px 0px #FFFFFF',
        'fill-1': 'inset 0px -2px 0px #3C7EFF',
        'lv-1': '0px 4px 10px rgba(0, 0, 0, 0.1)', // 一级下拉菜单（固定悬浮）
        'lv-2': '0px 8px 20px rgba(0, 0, 0, 0.1)', // 二级下拉菜单（事件悬浮）
        'select-1': '0px 4px 10px rgba(0, 0, 0, 0.1)', // 一级下拉菜单
        'select-2': '0px 8px 20px rgba(0, 0, 0, 0.1)', // 二级下拉菜单
        backtop: '0px 4px 10px rgba(0, 0, 0, 0.1)',
        left: '-2px 0px 5px rgba(0, 0, 0, 0.1)',
        right: '2px 0px 5px rgba(0, 0, 0, 0.1)',
        'left-up': '-2px -2px 5px rgba(0, 0, 0, 0.1)',
        dowm: '0px 2px 5px rgba(0, 0, 0, 0.1)',
        'right-up': '2px -2px 5px rgba(0, 0, 0, 0.1)',
        'left-dowm': '-2px 2px 5px rgba(0, 0, 0, 0.1)',
        'inner-1': 'inset 0px -2px 0px #165DFF',
        'inner-2': 'inset 0px -1px 0px #E5E6EB',
        'inner-3': 'inset 0px -1px 0px #E5E6E8',
        'inner-4': 'inset 0px 1px 0px #E5E6E8',
        'inner-5': 'inset -1px 0px 0px #E5E6E8',
        'inner-6': 'inset 1px 0px 0px #E5E6E8',
        'inner-7': 'inset -2px 0px 0px #165DFF',
        'inner-8': 'inset 2px 0px 0px #165DFF',
        'inner-9': 'inset 0px 2px 0px #165DFF',
        'inner-10': '',
        'drop-1': '0px -1px 0px #E5E6EB',
        'drop-2': '0px 1px 0px #E5E6EB',
        'drop-3': '1px 0px 0px #E5E6EB',
      },
      borderRadius: {
        none: '0',
        sm: '0.125rem',
        DEFAULT: '0.25rem',
        DEFAULT: '4px',
        md: '0.375rem',
        lg: '0.5rem',
        full: '9999px',
        large: '12px',
      },
      zIndex: {
        0: 0,
        10: 10,
        20: 20,
        30: 30,
        40: 40,
        50: 50,
        25: 25,
        50: 50,
        75: 75,
        100: 100,
        300: 300,
        400: 400,
        999: 999,
        auto: 'auto',
      },
    },
  },
  plugins: [],
}

